<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <lable><input type="checkbox">男</lable><br>
    <a href="D:\VsCode\com.csii.vuedemo\images\test.zip" download="twoCode.png">下载图片</a>
    <form action="" method="">
        <!-- label的for属性用于关联表单元素的id属性 -->
      <label for = "userName">用户名</label>
      <input type="text" name="userName" id="userName" > 
    </form>

    <form>
        <fieldset>
          <legend>个人信息</legend>
          <label for="name">姓名：</label>
          <input type="text" id="name" name="name">
          <label for="email">电子邮件：</label>
          <input type="email" id="email" name="email" onkeyup="show()">
        </fieldset>
        <fieldset disabled>
          <legend>禁用信息（不可编辑）</legend>
          <p>这部分信息已被禁用，无法编辑。</p>
        </fieldset>
      </form>

      <button aria-label="撒旦发多少"></button>

      <!-- 文本不足的按钮 -->
<button aria-label="查看更多产品信息">
  更多 >
</button>
<!-- 图标按钮 -->
<button aria-label="搜索" aria-hidden="false">
  <img src="search-icon.png" alt="">
</button>

<select onchange="show()">
<option checked>1</option>
<option>2</option>
<option>3</option>
</select>

<p>图标按钮</p>
<script>
  function show(){
    console.log('111');
    
  }
</script>
</body>
</html>